.aside {
  background: #0e2345;
  color: #fff;
  // border: 1px solid#0E2345;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  transition: width 0.3s;
  -moz-transition: width 0.3s;
  /* Firefox 4 */
  -webkit-transition: width 0.3s;
  /* Safari and Chrome */
  -o-transition: width 0.3s;

  /* Opera */
  .aside-meau {
    // height: 100%;
    background: #0e2345;
    overflow-x: hidden;
    position: relative;
  }

  .aside-top {
    color: #26a69a;
    padding: 10px 0;
    background: #fff;

    h4 {
      font-size: 20px;
      line-height: 40px;

      span {
        font-size: 16px;
        font-weight: normal;
      }
    }
  }

  .el-container {
    height: 100%;
  }

  .el-submenu__title {
    font-size: 14px;
    color: #9aabdd;
    text-align: left;
  }

  .el-submenu__title i {
    color: #fff;
  }

  .el-menu {
    background-color: #0e2345;
    border: 0;
  }

  .el-menu-item,
  .el-submenu__title {
    height: 48px;
    line-height: 48px;
  }

  .el-submenu__title:hover {
    background: #41485d;
    color: #fff;
  }

  .el-menu-item-group__title {
    font-size: 14px;
    color: #fff;
    text-align: left;
  }

  .el-submenu .el-menu-item {
    font-size: 14px;
    color: #9aabdd;
    height: 48px;
    line-height: 48px;
    padding: 0 20px;
    text-align: left;
  }

  .el-menu-item,
  .el-submenu {
    color: #9aabdd !important;
  }

  .el-menu-item.is-active,
  .el-submenu.is-active {
    color: #fff !important;
  }

  .el-submenu.is-opened .el-submenu__title,
  .el-submenu.is-opened .el-menu-item,
  .el-menu-item.is-active,
  .el-menu-item:focus,
  .el-menu-item:hover {
    background: #030f3d;
    color: #fff;
  }

  .el-submenu.is-opened .el-submenu__title {
    color: #fff;
  }

  .el-submenu.is-opened .el-menu-item:focus,
  .el-submenu.is-opened .el-menu-item:hover,
  .el-submenu.is-opened .el-menu-item.is-active {
    background: #41485d !important;
    color: #fff;
  }

  .el-menu-item.is-active:after {
    border-left: 7px solid transparent;
    border-top: 7px solid transparent;
    border-right: 7px solid #f6f5fa;
    border-bottom: 7px solid transparent;
    content: '';
    position: absolute;
    right: 0;
    top: 17px;
  }

  .horizontal-collapse-transition {
    transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out,
      0.3s padding-right ease-in-out;
  }

  .el-menu-vertical-demo:not(.el-menu--collapse) {
    width: 100%;
  }

  .person-box {
    padding: 18px 18px 26px;

    .person-img {
      border-radius: 50%;
      width: 76px;
      height: 76px;
      font-size: 22px;
      color: #fff;
      text-align: center;
      line-height: 76px;
      background-color: #41485d;
      margin-right: 14px;
    }

    .person-info {
      font-size: 16px;
      color: #f0f0f0;
      margin-bottom: 5px;
    }

    .person-phone {
      color: #a4a7b0;
    }

    .other-info {
      color: #616878;
    }
  }
}

.el-menu--vertical > .el-menu--popup {
  background-color: #41485d;
}

.aside-box-hidden {
  width: 66px !important;
}

.header {
  background: #f6f5fa;
  padding: 0;
  margin: 0 0 6px 0;
  border: 1px solid#f6f5fa;
  display: flex;

  .el-breadcrumb__inner {
    color: #a4a7b0;
  }

  .header-top {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    padding: 6px;

    .icons {
      font-size: 30px;
    }

    h4 {
      line-height: 40px;
    }
  }

  .breadcrumb-box {
    display: flex;
    color: #a4a7b0;
  }

  .header-top-end {
    width: 80px;
    background: #1ad5e9;
    border-radius: 0 8px 8px 0;
    display: flex;
    align-items: center;
  }

  .header-text {
    font-size: 16px;
    line-height: 20px;
    margin-right: 10px;
  }

  .header-right {
    display: flex;
    align-items: center;
  }

  .toolbar-box {
    display: flex;
    line-height: 28px;
    color: #fff;
  }

  .mr-20 {
    margin-right: 20px;
  }

  .btn-size {
    color: #fff;
    width: 50%;
    text-align: center;
    cursor: pointer;
  }
}

.zoom-size {
  line-height: 28px;
}

.rotate-span {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -moz-transform: rotate(180deg);
  /* Firefox */
  -webkit-transform: rotate(180deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(180deg);
  /* Opera */
}

.el-main {
  display: flex;
  padding: 0;
  margin: 0;
 
  border-radius: 8px;
}

img {
  display: block;
}


.numberInput {
  .el-input__inner {
    text-align: center;
    padding: 0 2px;
  }
}


.el-tree {
  background: #fff;
  height: 100%;
}

.el-tree-node__content:hover {
  background-color: #f6f5fa !important;
}

.el-tree-node__content .operation {
  display: none;
  margin-left: 5px;
}

.el-tree-node__content:hover .operation {
  display: block;
}

.el-tree-node.is-current > .el-tree-node__content {
  background-color: #f6f5fa !important;
}

.el-tree-node:focus > .el-tree-node__content {
  background: #f6f5fa;
}


.upload-page {
  .el-radio-button__inner {
    width: 60px;
  }

  
}



.el-menu-item {
  color: #fff;
}



/*
  第三版  sss
*/
.home-page {
  .el-container {
    // height: auto !important;
  }

  .el-timeline-item {
    padding-bottom: 10px;
  }

  .el-timeline-item__wrapper {
    padding-left: 33px;
  }
  .year > .el-timeline-item__wrapper {
    padding-left: 10px;
  }

  .el-timeline-item__node--normal {
    width: 6px;
    height: 6px;
    left: 2px;
    background: #92d3ff;
  }

  .el-timeline-item__tail {
    border: 1px dashed #92d3ff;
  }
  .year .el-timeline-item__node--normal {
    display: none;
  }
  .el-timeline-item__content {
    text-align: center;
  }
  // 手风琴 ss

  .el-collapse {
    .is-active {
      max-height: 100%;
    }
  }
  .el-collapse-item__header {
    padding: 0 15px;
    color: #666;
    font-size: 14px;
    height: 30px !important;
    line-height: 30px !important;
    white-space: nowrap;
    background-color: #fafafa;
  }
  .el-collapse-item__header.is-active {
    color: #0297ff;
    background-color: #fff;
  }
  .el-collapse-item__arrow.el-icon-arrow-right::before {
    content: '\e790';
  }
  .el-collapse-item__arrow.is-active {
    transform: rotate(180deg);
  }
  .el-collapse-item.is-active > div {
    border-bottom: 1px solid #ebeef5;
  }
  // 手风琴 ee

  // 搜索框 ss
  .report-r .el-input-group__append,
  .el-input-group__prepend {
    padding: 4px 14px 0;
    // background: #ccc;
    font-size: 16px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .report-r .el-input__inner {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  .send-btn i {
    font-size: 20px;
  }
  // 搜索框 ee

  // 滑块 ss
  .slider-box .el-slider__runway,
  .slider-box .el-slider__bar {
    height: 1px;
    background: #41485d;
  }
  .slider-box .el-slider__button-wrapper {
    top: -18px;
  }
  .slider-box .el-slider__button {
    width: 6px;
    height: 6px;
    border-color: #41485d;
    background: #41485d;
  }
  // 滑块 ee

  // 跑马灯 ss
  .el-carousel__item {
    overflow: auto;
  }
  .el-carousel--horizontal,
  .el-carousel__container {
    height: 100%;
  }
  // 跑马灯 ee
}
/*
  第三版  eee
*/


// 报告页面样式
.report-box {

  // .el-collapse {
  //   border-color: #ced3e0;
  // }
  
  // // 手风琴 ss
  // .el-collapse-item__header {
  //   border-color: #ced3e0;
  // }
}


// 对标城市弹框样式
.city-dialog {
  .el-dialog__body {
    padding: 10px 20px;
  }
}

// 自定义场景页面 
.custom-page {
  .el-dialog__wrapper {
    top: 120px;
    right: 0;
    bottom: auto; 
    left: auto;
  }
}